<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title th:remove="all">Template for HTML email</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

<body>
	<p>
		Dear <span th:text="${email}"></span>,
	</p>

	<p>
		Your Flight has found flight information for you
	</p>
	<p style="color: red; font-weight: bold;">Outbound information:</p>
	<table border="1">
		<tr style="color: blue;">
			<th rowspan="1" style="width: 100px">OUTBOUND</th>
			<th style="width: 150px">Carrier</th>
			<th style="width: 100px">Date</th>
			<th style="width: 200px">From - Departure time</th>
			<th style="width: 150px">To - Arrival time</th>
			<th style="width: 200px">Stops - AirportCode</th>
			<th style="width: 150px">Total Price</th>
		</tr>
		<tr th:each="taskAlert,iterationStatus  : ${taskAlerts}">
			<td style="width: 100px"><span
				th:text="${taskAlert.id}"></span></td>
			<td style="width: 150px"><span
				th:text="${taskAlert.carrierO}"></span></td>
			<td style="width: 100px"><span th:text="${taskAlert.departureDateO}"></span></td>
			<td style="width: 200px"><span th:text="${taskAlert.fromCodeO}"></span>&nbsp;<span
				th:text="${taskAlert.fromTimeO}"></span></td>
			<td style="width: 150px"><span th:text="${taskAlert.toCodeO}"></span>&nbsp;<span
				th:text="${taskAlert.toTimeO}"></span></td>
			<td style="width: 200px"><span th:text="${taskAlert.stopsO}"></span>&nbsp;<span
				th:text="${taskAlert.routO}"></span></td>
			<td style="width: 150px"><span th:text="${taskAlert.price}"></span>&nbsp;<span
				th:text="${taskAlert.currencyCode}"></span></td>
		</tr>
	</table>
	
	<p style="color: red; font-weight: bold;">Inbount information:</p>
	<table border="1">
		<tr style="color: blue;">
			<th rowspan="1" style="width: 100px">INBOUND</th>
			<th style="width: 150px">Carrier</th>
			<th style="width: 100px">Date</th>
			<th style="width: 200px">From - Departure time</th>
			<th style="width: 150px">To - Arrival time</th>
			<th style="width: 200px">Stops - AirportCode</th>
		</tr>
		<tr th:each="taskAlert,iterationStatus  : ${taskAlerts}">
			<td style="width: 100px"><span
				th:text="${taskAlert.id}"></span></td>
			<td style="width: 150px"><span
				th:text="${taskAlert.carrierI}"></span></td>
			<td style="width: 100px"><span th:text="${taskAlert.departureDateI}"></span></td>
			<td style="width: 200px"><span th:text="${taskAlert.fromCodeI}"></span>&nbsp;<span
				th:text="${taskAlert.fromTimeI}"></span></td>
			<td style="width: 150px"><span th:text="${taskAlert.toCodeI}"></span>&nbsp;<span
				th:text="${taskAlert.toTimeI}"></span></td>
			<td style="width: 200px"><span th:text="${taskAlert.stopsI}"></span>&nbsp;<span
				th:text="${taskAlert.routI}"></span></td>
		</tr>
	</table>

	<p>
		<b>Follow this link to login and view your task list <a
			th:href="${login_link}">CLICK HERE</a></b>
	</p>
	<p>
		If you can't click on this, please copy this text below and paste to
		your browser: <br /> <i> <span th:text="${login_link}"></span>
		</i>
	</p>
	<p>
		Thank you for using our services!<br />Regards, <br />Yolo Team -
		AAVN.
	</p>
</body>
</html>
